<template>
    <div class="header">
        <div 
            class="left"
            @click="handleBackClick()"
            >
            <span class="iconfont">&#xe618;</span>
        </div>
        <div class="middle">景点+酒店</div>
        <div class="right">
            <span class="iconfont">&#xe600;</span>
        </div>
    </div>
</template>

<script>
export default {
    name: 'detailHeader',
    data(){
        return{

        }
    },
    methods:{
        // 左侧返回按钮，返回到首页
        handleBackClick(){
            this.$router.go(-1)
        }
    }
}
</script>

<style lang="stylus" scoped>
.header
    line-height: .88rem
    background: #fff
    display:flex
    .left
        float: left
        margin-left: .2rem
        color: #23beae
    .middle
        flex: 1
        text-align: center
        font-weight: bold
    .right
        float: right
        padding-right: .5rem
        color: #23beae
</style>
